.todo_input_box_nr
{
  width: 100%;
  height: 8vh;
  border: 1px solid #000;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.todo_input_box_nr input{
	border-radius: 40px 0px 0px 40px;
	width: 200px;
	height: 30px;
	
}
.todo_input_box_nr button{
	width: 50px;
	height: 35px;
	background-color: blue;
	border: 0px;
	color: aliceblue;
}


.todo_content_container
{
  width: 100%;
  height: 80vh;

}

.todo_tool_bar
{
  width: 100%;
  height: 8vh;
  border: 1px solid pink;
  display: inline-flex;
  justify-content: center;
  align-items:center;
}

.todo_tool_bar div
{
  width: 22%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.todo_tool_bar div button{
	width: 80px;
	height: 35px;
	background-color: blue;
	border: 0px;
	color: aliceblue;
}

.todo_item
{
  width: 98%;
  height: 40px;

  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.

.todo_item_check
{
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.todo_item_content
{
  width: 60%;
  height: 100%;
  display: inline-flex;
  justify-content:flex-start;
  align-items: center;
}

.todo_item_delete
{
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}